import React from 'react';
import { RouteComponentProps } from 'react-router-dom';
import './Footer.scss';

interface FooterProps extends RouteComponentProps {}

export default function Footer(props: FooterProps) {
	return (
		<div className="footer d-f jc mt32 c-text-w">
			<div className="w1200 d-f jc-b ac ptb36">
				<div>
					<img style={{ width: 126 }} src={require('../../image/logo3.png').default} alt="" />
				</div>
				<div className="d-f ac">
					<div className="ta-r">
						<div className="pb8">关于我们</div>
						<div className="pb8">社区公约</div>
						<div
							className="cp pb8"
							onClick={() => {
								props.history.push('/problem');
							}}
						>
							意见反馈
						</div>
						<div>备案号：粤ICP备17042817号-1</div>
					</div>
					<div className="pl64">
						<div>
							<img style={{ width: 136 }} src={require('../../image/qrcode.jpg').default} alt="" />
						</div>
						<div>扫码关注官方服务号</div>
					</div>
				</div>
			</div>
		</div>
	);
}
